<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="css/main.css" type="text/css" rel="stylesheet"/>
        <link href="css/menu.css" type="text/css" rel="stylesheet"/>
        <link href="css/a.css" type="text/css" rel="stylesheet"/>
        <link href="css/Table.css" type="text/css" rel="stylesheet"/>
    </head>
    <body>
        <div id="main">
            <div id="banner">
                <%@include file="WEB-INF/jspf/banner.jspf" %>
            </div>
            <div id="centro">
                <div id="menu">
                    <%@include file="WEB-INF/jspf/menu.jspf" %>
                </div>
                <div id="data">
                    <table class="elegante">
                        <caption>Tabla de Prueba</caption>
                        <thead>
                            <tr>
                                <td>Cliente</td>
                                <td>Correo</td>
                                <td>Telefono</td>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th colspan="3">DAT-Cibertec</th>
                            </tr>
                        </tfoot>
                        <tbody>
                            <tr>
                                <td>Juan Perez</td>
                                <td>jperez@hotmail.com</td>
                                <td>4565675</td>
                            </tr>
                            <tr>
                                <td>Alan Castro</td>
                                <td>acastro@hotmail.com</td>
                                <td>3620055</td>
                            </tr>
                            <tr>
                                <td>Alan Castro</td>
                                <td>acastro@hotmail.com</td>
                                <td>3620055</td>
                            </tr>
                            <tr>
                                <td>Alan Castro</td>
                                <td>acastro@hotmail.com</td>
                                <td>3620055</td>
                            </tr>
                            <tr>
                                <td>Alan Castro</td>
                                <td>acastro@hotmail.com</td>
                                <td>3620055</td>
                            </tr>
                            <tr>
                                <td>Alan Castro</td>
                                <td>acastro@hotmail.com</td>
                                <td>3620055</td>
                            </tr>
                    </table>
                    <p style="text-align: center">
                        <a class="clasico" href="index.jsp">Home</a>
                    </p>
                </div>
            </div>
            <div id="pie">
                <%@include file="WEB-INF/jspf/pie.jspf" %>
            </div>
        </div>
    </body>
</html>
